<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>伪类选择器</title>
    <style>
        /*
        这四种伪类选择器,必须按照固定顺序去写,不然不生效
        先爱后恨(love hate)原则
        L:link
        V:visited
        H:hover
        A:active
        */
        a:link {
            /*链接还没被点击*/
            color: red;
        }

        a:visited {
            /*访问过这个链接*/
            color: green;
        }

        a:hover {
            /*鼠标放在上面悬停*/
            color: blue;
            background-color: #00ff1e;
            border: 1px solid #0000ff;
            border-radius: 5px;
        }

        a:active {
            /*按住不松手*/
            color: yellow;
        }
    </style>
</head>
<body>
<!--之前的选择器选择的都是标签
伪类选择器选择的是标签的状态
常见的就是a标签-->

<a href="#">这是一个A标签</a>
</body>
</html>